<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"> 

<html>
	<head>
		<title>Dojo Date Picker Widget Test</title>

		<script type="text/javascript">
			var djConfig = {isDebug: true};
		</script>

		<script type="text/javascript" src="../../dojo.js"></script>
		<script type="text/javascript">
			dojo.require("dojo.widget.CiviCrmDatePicker");
		</script>
	</head>
	<body bgcolor="white">
		<form onsubmit="return false;">
		<dt>
			<label for="qf_369447">  Date and Time
			   <span class="marker">*</span>
			</label>
		</dt>
		<dd dojoType="CiviCrmDatePicker" idPrefix="scheduled_date_time">
			<select name="scheduled_date_time[M]">
				<option value="">-month-</option>
				<option value="1">Jan</option>
				<option value="2">Feb</option>
				<option value="3">Mar</option>
				<option value="4">Apr</option>
				<option value="5">May</option>
				<option value="6">Jun</option>
				<option value="7">Jul</option>
				<option value="8">Aug</option>
				<option value="9" selected="selected">Sep</option>
				<option value="10">Oct</option>
				<option value="11">Nov</option>
				<option value="12">Dec</option>
			</select>&nbsp;
			<select name="scheduled_date_time[d]">
				<option value="">-day-</option>
				<option value="1" selected="selected">01</option>
				<option value="2">02</option>
				<option value="3">03</option>
				<option value="4">04</option>
				<option value="5">05</option>
				<option value="6">06</option>
				<option value="7">07</option>
				<option value="8">08</option>
				<option value="9">09</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>
				<option value="13">13</option>
				<option value="14">14</option>
				<option value="15">15</option>
				<option value="16">16</option>
				<option value="17">17</option>
				<option value="18">18</option>
				<option value="19">19</option>
				<option value="20">20</option>
				<option value="21">21</option>
				<option value="22">22</option>
				<option value="23">23</option>
				<option value="24">24</option>
				<option value="25">25</option>
				<option value="26">26</option>
				<option value="27">27</option>
				<option value="28">28</option>
				<option value="29">29</option>
				<option value="30">30</option>
				<option value="31">31</option>
			</select>&nbsp;
			<select name="scheduled_date_time[Y]">
				<option value="">-year-</option>
				<option value="2005" selected="selected">2005</option>
				<option value="2006">2006</option>
				<option value="2007">2007</option>
				<option value="2008">2008</option>
			</select>,&nbsp;
			<select name="scheduled_date_time[h]">
				<option value="">-hour-</option>
				<option value="1">01</option>
				<option value="2">02</option>
				<option value="3">03</option>
				<option value="4">04</option>
				<option value="5">05</option>
				<option value="6">06</option>
				<option value="7">07</option>
				<option value="8">08</option>
				<option value="9">09</option>
				<option value="10">10</option>
				<option value="11" selected="selected">11</option>
				<option value="12">12</option>
			</select>&nbsp;:&nbsp;
			<select name="scheduled_date_time[i]">
				<option value="">-min-</option>
				<option value="0">00</option>
				<option value="15">15</option>
				<option value="30" selected="selected">30</option>
				<option value="45">45</option>
			</select>&nbsp;
			<select name="scheduled_date_time[A]">
				<option value="">-AM/PM-</option>
				<option value="AM" selected="selected">AM</option>
				<option value="PM">PM</option>
			</select>
		</dd>
		<input type="submit" value="foo!"></input>
		</form>
	</body>
</html>
